<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <title>电影</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3145879_6t31vayxf8f.css">
  </head>
  <body>
    <!-- 轮播图 -->
    <div class="banner">
      <div class="banner1">
        <img src="https://static.maizuo.com/v5/upload/6f5e10201aaea65b311d7ab562ba097c.jpg" alt=""/>
        <img src="https://static.maizuo.com/v5/upload/67f9eb733fd33f6148ae740e130d5612.jpg" alt=""/>
        <img src="https://static.maizuo.com/v5/upload/fae22ffcaa41eced5e3dc7a0f2873690.jpg" alt=""/>
        <img src="https://static.maizuo.com/v5/upload/6f5e10201aaea65b311d7ab562ba097c.jpg" alt=""/>
      </div>
      <img style="visibility: hidden;" src="https://static.maizuo.com/v5/upload/6f5e10201aaea65b311d7ab562ba097c.jpg" alt=""/>
    </div>

    <!-- 头部 -->
    <header>
      <div class="header">
        <p class="header1" onclick="change(0)">热映</p>
        <p onclick="change(1)">待映</p>
        <p onclick="change(2)">经典电影</p>
      </div>
    </header>

    <!-- 内容 -->
    <div class="main classify1" style="display: block;">
        <a href="./details.html">
            <div class="main1">
            <img src="https://pic.maizuo.com/usr/movie/93625103873c88b678bc3fbb298dc46e.jpg" alt="">
            <div class="main2">
                <div>
                    <p>图兰朵：魔咒缘起 <span>3D</span></p>
                    <p>观众评分<span>7.6</span></p>
                    <p>主演：郑晓龙</p>
                    <p>中国大陆 | 100分钟</p>
                </div>
                <button>购票</button>
            </div>
        </div>
        </a>
    </div>
    <div class="main classify2" style="display: none;">
        <a href="./details.html">
        <div class="main1">
            <img src="https://static.maizuo.com/pc/v5/usr/movie/602506deba12aa489ffc30184dca1b08.jpg" alt="">
            <div class="main2">
                <div>
                    <p>长津胡<span>2D</span></p>
                    <p>观众评分<span>7.6</span></p>
                    <p>主演：吴京|章子怡|徐峥|沈腾</p>
                    <p>中国大陆 | 100分钟</p>
                </div>
                <button>购票</button>
            </div>
        </div>
        </a>
    </div>
    <div class="main classify3" style="display: none;">
        <a href="./details.html">
        <div class="main1">
            <img src="https://pic.maizuo.com/usr/movie/93625103873c88b678bc3fbb298dc46e.jpg" alt="">
            <div class="main2">
                <div>
                    <p>图兰朵：魔咒缘起 <span>2D</span></p>
                    <p>观众评分<span>7.6</span></p>
                    <p>主演：郑晓龙</p>
                    <p>中国大陆 | 100分钟</p>
                </div>
                <button>购票</button>
            </div>
        </div>
        </a>
    </div>  
    <!-- 底部 -->
    <footer>
        <a href="../Movie/index.html"><div class="footer"><i class="iconfont icon-dianying"></i>电影</div></a>
        <a href="../Cinema/index.html"><div><i class="iconfont icon-yingyuan"></i>影院</div></a>
        <a href="../Video/index.html"><div><i class="iconfont icon-shipinbofang"></i>视频/资讯</div></a>
        <a href="../Performance/index.html"><div ><i class="iconfont icon-Dancing"></i>演出</div></a>
        <a href="../My/index.html"><div><i class="iconfont icon-wode2"></i>我的</div></a>
    </footer>
    <script src="../common/axios.js"></script>
    <script src="./css/index.js"></script>
  </body>
</html>
